.TopTaskListBox {
  width: 750rpx;
  height: 1380rpx;
  background-image: url('https://ustatic.hudongmiao.com/joymewApp/activity/nationalDay/TopTaskListBox.png');
  background-size: 100% 100%;

  .TopTaskListBoxTitle {
    margin: 0 auto;
    margin-top: 20rpx;
    color: #fff;
    width: 208rpx;
    height: 80rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;

  }

  .taskWrap {
    margin-top: 32rpx;
    padding: 0 50rpx;
    display: flex;
    flex-direction: column;

    .taskItem {
      margin-top: 32rpx;
      // width: 632rpx;
      display: flex;
      flex-grow: 1;
      height: 136rpx;
      position: relative;

      .bottomLine {
        width: 600rpx;
        height: 2rpx;
        background: #f6f6f6;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
      }

      .leftTask {
        display: flex;
        flex-grow: 1;

        .taskIcon {
          // outline: 1px solid red;
          width: 104rpx;
          height: 104rpx;
          margin-right: 30rpx;
        }

        .info {
          display: flex;
          flex-direction: column;
          height: 104rpx;
          padding: 4rpx 0;
          justify-content: space-between;

          .name {
            font-size: 32rpx;
            color: #333333;
          }

          .score {
            font-size: 24rpx;
            color: #999999;
          }
        }
      }

      .btnWrap {
        width: 166rpx;
        height: 136rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;

        .btn {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 166rpx;
          font-size: 28rpx;
          height: 64rpx;
          color: #fff;
          background: linear-gradient(-90deg, #ff6161 0%, #ff845c 100%);
          border-radius: 32rpx;

          &.unactive {
            background: #C4C4C4;
          }
        }
      }
    }
  }
}